<%# helper/header_simple.html %>

<div class="main-container" id="main-container">

    <div class="filter-container">

        <header><%= this.brandlist.info ? this.brandlist.info.title : '' %></header>
        <div class="brand-list-wrapper">

            <section id="filter-brand">

                <% if(this.brandlist.options){ var item = this.brandlist.options;%>
                <% for(var info in item){ %>
                <% if(info == 1 && this.types == 1){ %>
                <details class="brand-list fashion-brand" temId="j-tmpl-option-one">
                    <summary id="fashion-summary" data-id="<%= info %>">
                        <%= item[info] %>
                        <span class="u-icon-arr"></span>
                    </summary>
                    <% if(this.brandlist.list){var fsiitems = this.brandlist.list; %>
                    <% if(fsiitems.letters.length > 0){ var fsletters = fsiitems.letters; %>
                    <div class="brand-filter-index" id="brand-filter-index">
                        <% fsletters.forEach(function(info){ %>
                        <a href="javascript:;" data-hash="#LEETER_<%= info %>"><%= info == '#' ? '0-9' : info %></a>
                        <% }) %>
                    </div>
                    <% } %>
                    <ul class="fashion-list-wrapper">

                        <% if(fsiitems.list){ var fslist = fsiitems.list; %>
                        <li class="filter-brand-list">
                            <% for(var letter in fslist){ %>
                            <section id="LEETER_<%= letter %>" name="LEETER_<%= letter %>">
                                <h3><%= letter == '#' ? '0-9' : letter %></h3>
                                <ul>
                                    <% fslist[letter].forEach(function(info){ %>
                                    <li><a href="veryside://link?type=<%= info.type %>&id=<%= info.id %>"><%= info.title %></a></li>
                                    <% }); %>
                                </ul>
                            </section>
                            <% } %>

                        </li>
                        <% } %>
                    </ul>
                    <% } %>
                </details>
                <% }else{ %>
                <details class="brand-list">
                    <summary class="other-summary" data-id="<%= info %>">
                        <%= item[info] %>
                        <span class="u-icon-arr"></span>
                    </summary>
                    <ul class="other-list-ul" temId="j-tmpl-other-list">
                    </ul>
                </details>
                <% } %>
                <% } %>
                <% } %>

            </section>
        </div>
    </div>
</div>

<script id="j-tmpl-other-list" type="text/template">

    {{ for(var i = 0; i < it.list.length; i++){ }}
    <li>
        <a href="veryside://link?type={{=it.list[i].type }}&id={{=it.list[i].id }}">{{=it.list[i].title}}</a>
    </li>
    {{ } }}

</script>

<%# helper/footer.html %>
